﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基于数字经济的农产品融销一体平台</title>
    <!-- Stylesheets -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/meanmenu.min.css" rel="stylesheet">
    <link href="/css/responsive.css" rel="stylesheet">

    <style type="text/css">@font-face {
        font-family: Outfit;
        font-style: normal;
        font-weight: 100 900;
        src: url(/fonts/normal.woff2);
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: Outfit;
        font-style: normal;
        font-weight: 100 900;
        src: url(/fonts/normal1.woff2);
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        font-display: swap;
    }</style>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
          rel="stylesheet">
    <style type="text/css">@font-face {
        font-family: DM Sans;
        font-style: normal;
        font-weight: 100 1000;
        src: url(/fonts/normal3.woff2);
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        font-display: swap;
    }

    @font-face {
        font-family: DM Sans;
        font-style: normal;
        font-weight: 100 1000;
        src: url(/fonts/normal2.woff2);
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }

    @font-face {
        font-family: DM Sans;
        font-style: italic;
        font-weight: 100 1000;
        src: url(/fonts/italic1.woff2);
        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        font-display: swap;
    }

    @font-face {
        font-family: DM Sans;
        font-style: italic;
        font-weight: 100 1000;
        src: url(/fonts/italic.woff2);
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        font-display: swap;
    }</style>

    <!-- Color Switcher Mockup -->
    <link href="/css/color-switcher-design.css" rel="stylesheet">

    <link rel="shortcut icon" href="/picture/favicon.png" type="image/x-icon">
    <link rel="icon" href="/picture/favicon.png" type="image/x-icon">

    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <!--[if lt IE 9]>
    <script src="/js/html5shiv.js"></script><![endif]-->
    <!--[if lt IE 9]>
    <script src="/js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">

    <!-- Cursor -->
    <div class="cursor"></div>
    <div class="cursor-follower"></div>
    <!-- Cursor End -->

    <!-- Preloader -->
    <div class="preloader"></div>
    <!-- End Preloader -->

    <!-- Main Header / Header Style Three -->
    <header class="main-header header-style-three">

        <!-- Header Top -->
        <div class="header-top">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="d-flex justify-content-between align-items-center flex-wrap">
                        <div class="left-box d-flex align-items-center flex-wrap">
                            <!-- Info List -->
                            <ul class="header-top_list d-flex flex-wrap">
                                <li><span class="icon flaticon-maps-and-flags"></span>27 全球街, 旧金山, SF 41412</li>
                                <li><span class="icon flaticon-envelope"></span><a
                                        href="/cdn-cgi/l/email-protection#11626461617e636551767c70787d3f727e7c"><span
                                        class="__cf_email__" data-cfemail="c695b3b6b6a9b4b286a1aba7afaae8a5a9ab">[email&#160;protected]</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="right-box d-flex align-items-center flex-wrap">
                            <!-- Info List -->
                            <ul class="header-top_list">
                                <li><span class="icon flaticon-call"></span><a href="#">营业时间: 周一至周六: 08.00 - 18.00</a>
                                </li>
                            </ul>

                            <ul class="header-navs d-flex">
                                <li><a href="#">支持</a></li>
                                <li><a href="#">职业</a></li>
                                <li><a href="#">办公</a></li>
                            </ul>

                            <!-- Social Box -->
                            <div class="header-top_socials">
                                <a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
                                <a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
                                <a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
                                <a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Header Lower -->
        <div class="header-lower">
            <div class="auto-container">
                <div class="inner-container">
                    <div class="d-flex justify-content-between align-items-center flex-wrap">

                        <!-- Left Box -->
                        <div class="left-box d-flex align-items-center flex-wrap">
                            <!-- Logo Box -->
                            <div class="logo-box">
                                <div class="logo"><a href="index1.html"><img src="/picture/logo.png" alt=""
                                                                             title="Natua"></a></div>
                            </div>
                            <div class="nav-outer d-flex flex-wrap">
                                <!-- Main Menu -->
                                <nav class="main-menu navbar-expand-md">
                                    <div class="navbar-header">
                                        <!-- Toggle Button -->
                                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                                data-target="#navbarSupportedContent"
                                                aria-controls="navbarSupportedContent" aria-expanded="false"
                                                aria-label="切换导航">
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>

                                    <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
                                        <ul class="navigation clearfix">
                                            <li class="dropdown has-mega-menu"><a href="#">首页</a>
                                                <div class="mega-menu">
                                                    <div class="mega-menu-bar row clearfix">
                                                        <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                                                            <div class="demo-page">
                                                                <img src="/picture/1.jpg" alt="">
                                                                <div class="page-name">首页 01</div>
                                                                <div class="overlay-box">
                                                                    <div class="overlay-box_inner">
                                                                        <span><a
                                                                                href="index1.html">多页面</a></span>
                                                                        <span><a href="index-1.html">单页面</a></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="hidden-mobile-menu">
                                                                <span><a href="index1.html">首页 01</a></span>
                                                            </div>
                                                        </div>
                                                        <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                                                            <div class="demo-page">
                                                                <img src="/picture/2.jpg" alt="">
                                                                <div class="page-name">首页 02</div>
                                                                <div class="overlay-box">
                                                                    <div class="overlay-box_inner">
                                                                        <span><a
                                                                                href="index-2.html">多页面</a></span>
                                                                        <span><a
                                                                                href="index-2-1.html">单页面</a></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="hidden-mobile-menu">
                                                                <span><a href="index-2.html">首页 02</a></span>
                                                            </div>
                                                        </div>
                                                        <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                                                            <div class="demo-page">
                                                                <img src="/picture/3.jpg" alt="">
                                                                <div class="page-name">首页 03</div>
                                                                <div class="overlay-box">
                                                                    <div class="overlay-box_inner">
                                                                        <span><a
                                                                                href="index-3.html">多页面</a></span>
                                                                        <span><a
                                                                                href="index-3-1.html">单页面</a></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="hidden-mobile-menu">
                                                                <span><a href="index-3.html">首页 03</a></span>
                                                            </div>
                                                        </div>
                                                        <div class="column col-xl-3 col-lg-12 col-md-12 col-sm-12">
                                                            <div class="demo-page">
                                                                <img src="/picture/4.jpg" alt="">
                                                                <div class="page-name">首页 04</div>
                                                                <div class="overlay-box">
                                                                    <div class="overlay-box_inner">
                                                                        <span><a
                                                                                href="index-4.html">多页面</a></span>
                                                                        <span><a
                                                                                href="index-4-1.html">单页面</a></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="hidden-mobile-menu">
                                                                <span><a href="index-4.html">首页 04</a></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="dropdown"><a href="#">关于我们</a>
                                                <ul>
                                                    <li><a href="about.html">关于我们</a></li>
                                                    <li><a href="faq.html">常见问题</a></li>
                                                    <li><a href="pricing.html">价格</a></li>
                                                    <li><a href="gallery.html">画廊</a></li>
                                                    <li class="dropdown"><a href="#">团队</a>
                                                        <ul>
                                                            <li><a href="team.html">团队</a></li>
                                                            <li><a href="team-detail.html">团队详情</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a href="#">服务</a>
                                                <ul>
                                                    <li><a href="services.html">服务</a></li>
                                                    <li><a href="service-detail.html">服务详情</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a href="#">项目</a>
                                                <ul>
                                                    <li><a href="projects.html">项目</a></li>
                                                    <li><a href="project-detail.html">项目详情</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a href="#">商店</a>
                                                <ul>
                                                    <li><a href="shop.html">商店</a></li>
                                                    <li><a href="shop-detail.html">商品详情</a></li>
                                                    <li><a href="">购物车</a></li>
                                                    <li><a href="checkout.html">结账</a></li>
                                                    <li><a href="login.html">登录</a></li>
                                                    <li><a href="register.html">注册</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a href="#">博客</a>
                                                <ul>
                                                    <li><a href="blog.html">博客</a></li>
                                                    <li><a href="blog-classic.html">经典博客</a></li>
                                                    <li><a href="blog-detail.html">博客详情</a></li>
                                                    <li><a href="not-found.html">未找到</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="contact.html">联系我们</a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>

                        <!-- Right Box -->
                        <div class="right-box">
                            <!-- Main Menu End-->
                            <div class="outer-box d-flex align-items-center flex-wrap">

                                <!-- Button Box -->
                                <div class="main-header_button">
                                    <a href="contact.html" class="theme-btn btn-style-seven">
										<span class="btn-wrap">
											<span class="text-one">联系我们</span>
											<span class="text-two">联系我们</span>
										</span>
                                    </a>
                                </div>

                                <!-- Search Btn -->
                                <div class="search-box-btn search-box-outer"><span class="icon fa fa-search"></span>
                                </div>
                                <!-- Nav Btn -->
                                <div class="nav-btn navSidebar-button">
                                    <span class="flaticon-shopping-cart"></span>
                                </div>

                                <!-- Header Phone Box -->
                                <div class="header-phone_box">
                                    <div class="header-phone_icon flaticon-call"></div>
                                    <div>
                                        现在致电
                                        <a href="tel:+8814-24-51-1254">+88 14 24 51 1254</a>
                                    </div>
                                    <span class="mobile-icon flaticon-touch"></span>
                                </div>

                                <!-- Mobile Navigation Toggler -->
                                <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--End Header Lower-->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-close"></span></div>

            <nav class="menu-box">
                <div class="nav-logo"><a href="index1.html"><img src="/picture/mobile-logo.png" alt="" title=""></a>
                </div>
                <div class="menu-outer">
                    <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
            </nav>
        </div>
        <!-- End Mobile Menu -->

    </header>
    <!-- End Main Header / Header Style Two -->

    <!-- Sidebar Cart Item -->
    <div class="xs-sidebar-group info-group">
        <div class="xs-overlay xs-bg-black"></div>
        <div class="xs-sidebar-widget">
            <div class="sidebar-widget-container">
                <div class="close-button">
                    <span class="flaticon-close"></span>
                </div>
                <div class="sidebar-textwidget">

                    <!-- Sidebar Info Content -->
                    <div class="sidebar-info-contents">
                        <div class="content-inner">

                            <!-- Title Box -->
                            <div class="title-box">
                                <h5>有机食品与<span>农业</span></h5>
                                <div class="price">满15美元免运费</div>
                            </div>

                            <!-- Empty Cart Box -->
                            <div class="empty-cart-box">
                                <!-- No Product -->
                                <div class="no-cart">
                                    <span class="icon flaticon-shopping-cart-2"></span>
                                    购物车中没有商品。
                                </div>
                            </div>

                            <!-- Lower Box -->
                            <div class="lower-box">
                                <h5>热门<span>推荐</span></h5>

                                <!-- Post Block -->
                                <div class="post-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="/picture/post-thumb-1.jpg" alt="">
                                        </div>
                                        <h6><a href="#">有机食品</a></h6>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                        <div class="price-box">15美元</div>
                                        <a class="theme-btn bag-btn" href="#">加入购物袋</a>
                                    </div>
                                </div>

                                <!-- Post Block -->
                                <div class="post-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="/picture/post-thumb-2.jpg" alt="">
                                        </div>
                                        <h6><a href="#">有机商店</a></h6>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                        <div class="price-box">20美元</div>
                                        <a class="theme-btn bag-btn" href="#">加入购物袋</a>
                                    </div>
                                </div>

                                <!-- Post Block -->
                                <div class="post-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="/picture/post-thumb-1.jpg" alt="">
                                        </div>
                                        <h6><a href="#">环保农业</a></h6>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                        </div>
                                        <div class="price-box">25美元</div>
                                        <a class="theme-btn bag-btn" href="#">加入购物袋</a>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Sidebar Cart Item -->

    <!-- Page Title -->
    <section class="page-title" style="background-image:url(/picture/page-title.jpg)">
        <div class="page-title_pattern" style="background-image:url(/picture/pattern-20.png)"></div>
        <div class="page-title_vector" style="background-image:url(/picture/pattern-21.png)"></div>
        <div class="page-title_vector-two" style="background-image:url(/picture/pattern-22.png)"></div>
        <div class="auto-container">
            <h2>购物车</h2>
            <ul class="bread-crumb clearfix">
                <li><a href="index1.html">首页</a></li>
                <li>购物车</li>
            </ul>
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Shoping Cart Section -->
    <section class="shoping-cart-section">
        <div class="auto-container">
            <div class="row clearfix">

                <!-- Cart Column -->
                <div class="cart-column col-lg-8 col-md-12 col-sm-12">
                    <div class="inner-column">

                        <!--Cart Outer-->
                        <div class="cart-outer">
                            <div class="table-outer">
                                <table class="cart-table">
                                    <thead class="cart-header">
                                    <tr>
                                        <th class="prod-column">商品</th>
                                        <th>&nbsp;</th>
                                        <th>数量</th>
                                        <th>价格</th>

                                    </tr>

                                    </thead>

                                    <tbody>

                                    <tr th:each="cart:${carts}">
                                        <td colspan="2" class="prod-column">
                                            <div class="column-box">
                                                <figure class="prod-thumb">
                                                   <a th:href="@{/cart/deleteCartById(id=${cart.id},userId=${session.user.userId})}"> <span class="cross-icon flaticon-close"></span></a>
                                                    <a href="#"><img th:src="${cart.goodsImg}" alt=""></a>
                                                </figure>
                                                <h6 class="prod-title" th:text="${cart.goodsName}">彩椒</h6>
                                            </div>
                                        </td>

                                        <!-- Quantity Box -->
                                        <td class="quantity-box">
                                            <div class="item-quantity">
                                                <input class="qty-spinner" type="text" th:value="${cart.num}" name="num">
                                            </div>
                                        </td>

                                        <td class="price" th:text="${cart.goodsPrice}">10.00美元</td>


                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <!-- Coupon Box -->
                        <div class="coupon-box">
                            <div class="coupon-code_title">优惠码:</div>
                            <!-- Coupon Form -->
                            <div class="coupon-form">
                                <form method="post" action="javascript:;">
                                    <div class="form-group">
                                        <input type="search" name="search-field" value=""
                                               placeholder="输入您的优惠码" required>
                                        <button type="submit">添加代码</button>
                                    </div>
                                </form>
                            </div>
                            <a class="coupon-shipping" href="#">继续购物</a>
                        </div>

                    </div>
                </div>

                <!-- Total Column -->
                <div class="total-column col-lg-4 col-md-12 col-sm-12">
                    <div class="inner-column">

                        <!-- Cart Total Outer -->
                        <div class="cart-total-outer">
                            <!-- Title Box -->

                            <div class="cart-total-box">
                                <!-- Buttons Box -->
                                <div class="button-box">
                                    <!-- Button Box -->
                                    <a th:href="@{/alipay/pay(userId=${session.user.userId})}">
                                        <button type="submit" class="theme-btn checkout-btn">
                                            去结账
                                        </button>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- End Shoping Cart Section -->

    <!-- Main Footer -->
    <footer class="main-footer style-two">
        <div class="main-footer_pattern" style="background-image: url(/picture/footer-bg.jpg)"></div>
        <div class="auto-container">
            <div class="inner-container">
                <!-- Widgets Section -->
                <div class="widgets-section">
                    <div class="row clearfix">

                        <!-- Big Column -->
                        <div class="big-column col-lg-6 col-md-12 col-sm-12">
                            <div class="row clearfix">

                                <!-- Footer Column -->
                                <div class="footer_column col-lg-6 col-md-6 col-sm-12">
                                    <div class="footer-widget footer-two_logo-widget">
                                        <div class="footer-logo"><a href="index1.html"><img src="/picture/logo.png"
                                                                                            alt="" title=""></a></div>
                                        <div class="footer-text">拥有超过30年的经验，我们将确保您获得最佳指导。通过成为优秀服务合作伙伴获得有保障的工作</div>
                                        <!-- Social Box -->
                                        <div class="footer_socials">
                                            <a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
                                            <a href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
                                            <a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
                                            <a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <!-- Footer Column -->
                                <div class="footer_column col-lg-6 col-md-6 col-sm-12">
                                    <div class="footer-widget contact-widget">
                                        <h5 class="footer-title">联系我们</h5>
                                        <ul class="footer-contact_list">
                                            <li><span class="icon flaticon-maps-and-flags"></span>丹尼巷 咀嚼马格纳 布里斯托尔 BS40 8SZ</li>
                                            <li><span class="icon flaticon-call"></span>联系我们 <br> <a
                                                    href="tel:+088-11-22-51-125">+088 11 22 51 125</a></li>
                                            <li><span class="icon flaticon-envelope"></span>快速邮件 <br> <a
                                                    href="/cdn-cgi/l/email-protection#523a373e2263601235333f3b3e7c313d3f"><span
                                                    class="__cf_email__"
                                                    data-cfemail="2048454c5011126047414d494c0e434f4d">[email&#160;protected]</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <!-- Big Column -->
                        <div class="big-column col-lg-6 col-md-12 col-sm-12">
                            <div class="row clearfix">

                                <!-- Footer Column -->
                                <div class="footer_column col-lg-5 col-md-6 col-sm-12">
                                    <div class="footer-widget links-widget">
                                        <h5 class="footer-title">有用链接</h5>
                                        <ul class="footer-list">
                                            <li><a href="#">Cookie政策</a></li>
                                            <li><a href="#">职业</a></li>
                                            <li><a href="#">政策</a></li>
                                            <li><a href="#">关于我们</a></li>
                                            <li><a href="#">联系我们</a></li>
                                        </ul>

                                    </div>
                                </div>

                                <!-- Footer Column -->
                                <div class="footer_column col-lg-7 col-md-6 col-sm-12">
                                    <div class="footer-widget post-widget">
                                        <h5 class="footer-title">热门文章</h5>
                                        <!--News Widget Block-->
                                        <div class="news-widget-block">
                                            <div class="news-widget_image">
                                                <img src="/picture/post-thumb-1.jpg" alt="">
                                            </div>
                                            <div class="news-widget_post-date">2024年10月12日</div>
                                            <h6 class="news-widget_title"><a href="news-detail.html">日常饮食中必须包含的5种有机产品</a></h6>
                                        </div>

                                        <!--News Widget Block-->
                                        <div class="news-widget-block">
                                            <div class="news-widget_image">
                                                <img src="/picture/post-thumb-2.jpg" alt="">
                                            </div>
                                            <div class="news-widget_post-date">2024年10月10日</div>
                                            <h6 class="news-widget_title"><a href="news-detail.html">为您的情人节准备一顿印度晚餐</a></h6>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <div class="footer-bottom">
                <div class="main-footer_copyright">版权所有 2024. 由 <a
                        href="https://themeforest.net/user/themazine">themazine</a> 设计</div>
            </div>
        </div>
    </footer>
    <!-- End Footer Style -->

    <!-- Search Popup -->
    <div class="search-popup">
        <div class="color-layer"></div>
        <button class="close-search"><span class="flaticon-close"></span></button>
        <form method="post" action="javascript:;">
            <div class="form-group">
                <input type="search" name="search-field" value="" placeholder="在此搜索" required="">
                <button class="fa fa-solid fa-magnifying-glass fa-fw" type="submit"></button>
            </div>
        </form>
    </div>
    <!-- End Search Popup -->

    <!-- Color Palate / Color Switcher -->
    <div class="color-palate">
        <div class="color-trigger">
            <i class="fa fa-solid fa-gear fa-fw"></i>
        </div>
        <div class="color-palate-inner">
            <div class="color-palate-head">
                <h6>选择选项</h6>
            </div>
            <h6>RTL版本</h6>
            <ul class="rtl-version option-box">
                <li class="rtl">RTL版本</li>
                <li>LTR版本</li>
            </ul>
            <h6>需要固定头部吗</h6>
            <ul class="header-version option-box">
                <li class="box">否</li>
                <li>是</li>
            </ul>

        </div>
    </div>
    <!-- End Color Palate / Color Switcher -->

</div>
<!-- End PageWrapper -->

<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewbox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
    </svg>
</div>

<script data-cfasync="false" src="/js/email-decode.min.js"></script>
<script src="/js/jquery.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/appear.js"></script>
<script src="/js/parallax.min.js"></script>
<script src="/js/tilt.jquery.min.js"></script>
<script src="/js/jquery.paroller.min.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/backtotop.js"></script>
<script src="/js/odometer.js"></script>
<script src="/js/parallax-scroll.js"></script>

<script src="/js/gsap.min.js"></script>
<script src="/js/SplitText.min.js"></script>
<script src="/js/ScrollTrigger.min.js"></script>
<script src="/js/ScrollToPlugin.min.js"></script>
<script src="/js/ScrollSmoother.min.js"></script>

<script src="/js/touchspin.js"></script>
<script src="/js/magnific-popup.min.js"></script>
<script src="/js/nav-tool.js"></script>
<script src="/js/jquery-ui.js"></script>
<script src="/js/element-in-view.js"></script>
<script src="/js/color-settings.js"></script>
<script src="/js/script.js"></script>

<script>(function () {
    function c() {
        var b = a.contentDocument || a.contentWindow.document;
        if (b) {
            var d = b.createElement('script');
            d.innerHTML = "window.__CF$cv$params={r:'971e307a6ae428fa',t:'MTc1NTY1NDA5Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/js/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
            b.getElementsByTagName('head')[0].appendChild(d)
        }
    }

    if (document.body) {
        var a = document.createElement('iframe');
        a.height = 1;
        a.width = 1;
        a.style.position = 'absolute';
        a.style.top = 0;
        a.style.left = 0;
        a.style.border = 'none';
        a.style.visibility = 'hidden';
        document.body.appendChild(a);
        if ('loading' !== document.readyState) c(); else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c); else {
            var e = document.onreadystatechange || function () {
            };
            document.onreadystatechange = function (b) {
                e(b);
                'loading' !== document.readyState && (document.onreadystatechange = e, c())
            }
        }
    }
})();</script>
</body>
</html>
